<template>
  <div>
    <h1>{{ msg }}</h1>
    <h3>{{ obj.name }}</h3>
    <p>{{ obj.age >= 18 ? "成年" : "未成年" }}</p>
    <p>来年Rose就{{ obj.age + 1 }}岁了</p>
  </div>
</template>

<script>
// MVVM 思想: 数据驱动视图,Vue尽量减少DOM操作,对于我们开发者来说,重心放在数据上123222
export default {
  data() {
    return {
      msg: "Hello Rose",
      obj: {
        name: "Rose",
        age: 22,
      },
    };
  },
};
</script>

<style>
</style>